<style>
    :not(:defined) {
        display: none;
    }

    /* Force the scroll bar to appear so we see it hide when overlay opens. */
    body::-webkit-scrollbar {
        background: lightgray;
    }

    body::-webkit-scrollbar-thumb {
        background: darkgray;
    }
    #createment_container{
        background: #349ACA;
        color: #fff;
        font-size: 14px;
        width: 300px;
        height: auto;
        text-align: center;
        padding: 10px;
    }
    h3{
        padding: 0;
        margin: 0;
    }
    .centertext{
        padding: 10px 0;
        text-align: center;

    }
    button{
        border: none;
        
    }


  




    
</style>
<elix-dialog id="svg_createment" aria-label="Sample dialog" closed>
    <div id="createment_container">
        <h3>图元编辑</h3>
        <div class="centertext">
            当前编辑文本已做修改,是否保存
        </div>
        <div>
            <button id="donot_save_close">不保存关闭</button>
            <button id="cancel">取消</button>
            <button id="save">保存</button>
        </div>

    </div>
    
</elix-dialog>